﻿<%@ Page Language="C#" MasterPageFile="~/dangviet.Master" AutoEventWireup="true"
    CodeBehind="SanPhamChiTiet.aspx.cs" Inherits="SES.CMS.SanPhamChiTiet" Title="" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="CKEditor.NET" Namespace="CKEditor.NET" TagPrefix="CKEditor" %>
<%@ Register Src="Module/ucTag.ascx" TagName="ucTag" TagPrefix="uc2" %>
<%@ Register Src="Module/ucBreadcrumb.ascx" TagName="ucBreadcrumb" TagPrefix="uc5" %>
<%@ Register Src="Module/ucSlideNewProduct.ascx" TagName="ucSlideNewProduct" TagPrefix="uc8" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <uc8:ucSlideNewProduct ID="ucSlideNewProduct1" runat="server" />
    <uc5:ucBreadcrumb runat="server" ID="brc1" />
    <div id="dProductDetail">
        <div>
            <div class="product-images">
                <asp:Label ID="ln" runat="server"></asp:Label>
                <div class="jcaro">
                    <ul id="mycarousel" class="jcarousel-skin-tango">
                        <asp:Repeater ID="rpt2" runat="server">
                            <ItemTemplate>
                                <li><a class="fackybox" rel="groupsp" href="/Media/<%#Eval("ImgFile") %>" title="<%#Eval("Title") %>">
                                    <img src="/Media/<%#Eval("ImgFile") %>" title="<%#Eval("Title") %>">
                                </a></li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                    <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled">
                    </div>
                    <div class="jcarousel-next">
                    </div>
                </div>
            </div>
            <div class="product-detail-content">
                <div id="product-detail-title">
                    <h3 class="h3pDetail">
                        <asp:Label runat="server" Text="" ID="lblTenSP"></asp:Label></h3>
                    <div class="hr-border">
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Mã sản phẩm</div>
                        <div class="r-pro-det-row">
                            <asp:Label runat="server" Text="" ID="lblMaSP"> </asp:Label></div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Loại sản phẩm</div>
                        <div class="r-pro-det-row">
                            <asp:HyperLink runat="server" Text="" ID="hplLoaiSP" CssClass="hpl"></asp:HyperLink>
                            <%--<asp:Label runat="server" Text="" ID="lblLoaiSP"> </asp:Label>--%>
                        </div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            <asp:Label runat="server" ID="lblNhanHieuXuatXu" Text=""></asp:Label></div>
                        <div class="r-pro-det-row">
                            <asp:HyperLink runat="server" Text="" ID="hplNhanHieu" CssClass="hpl"></asp:HyperLink>
                            <asp:Label runat="server" Text="" ID="lblXuatXu" Visible="false"></asp:Label>
                        </div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Đơn giá</div>
                        <div class="r-pro-det-row product-detail-price">
                            <asp:Label runat="server" Text="" ID="lblDonGia"> </asp:Label></div>
                    </div>
                    <div class="product-detail-row" style="display: none;">
                        <div class="l-pro-det-row">
                            Giảm giá</div>
                        <div class="r-pro-det-row product-detail-price">
                            <asp:Label runat="server" Text="" ID="lblGiamGia"> </asp:Label></div>
                    </div>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Đơn vị tính:
                        </div>
                        <div class="r-pro-det-row">
                            <asp:Label runat="server" Text="" ID="lbDonVi"> </asp:Label></div>
                    </div>
                    <%--<hr />--%>
                    <div class="product-detail-row">
                        <div class="l-pro-det-row">
                            Từ khóa</div>
                        <div class="r-pro-det-row product-detail-keyword">
                            <uc2:ucTag ID="ucTag1" runat="server" />
                        </div>
                    </div>
                    <%--    <hr />--%>
                    <div class="hr-border">
                    </div>
                    <div class="product-detail-row product-detail-other">
                        <div class="l-pro-det-row product-detail-button">
                            <asp:ImageButton runat="server" ImageUrl="~/images/addtocart.png" ID="lbtnAddToCart"
                                Width="80px" Height="25px" OnClick="lbtnAddToCart_Click" />
                        </div>
                        <div class="r-pro-det-row product-detail-button">
                            <div style="padding-top: 5px;">
                                <iframe runat="server" id="abc" scrolling="no" frameborder="0" style="margin-bottom: 2px;
                                    float: left; border: none; overflow: hidden; width: 75px; height: 24px;" allowtransparency="true">
                                </iframe>
                                <asp:HyperLink runat="server" Target="_blank" ID="hplFacebook" NavigateUrl="http://www.facebook.com/sharer.php?u="><img alt="Chia sẻ thông tin này lên Facebook" src="/images/facebook.png" /></asp:HyperLink>
                                <asp:HyperLink runat="server" Target="_blank" ID="hplGoogle" NavigateUrl="https://plusone.google.com/_/+1/confirm?hl=en&url="><img alt="Chia sẻ lên Google Plus" src="/images/google.png" /></asp:HyperLink>
                                <asp:HyperLink runat="server" Target="_blank" ID="hplTwitter" NavigateUrl="http://twitter.com/home/?status="><img alt="Chia sẻ thông tin này lên Twitter" src="/images/twitter.png" /></asp:HyperLink>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="product-detail-tabcontainer">
        <cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" CssClass="MyTabStyle">
            <cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="Mô tả chi tiết">
                <ContentTemplate>
                    <asp:Label runat="server" ID="lblThongTinChiTiet" Text=""></asp:Label>
                </ContentTemplate>
            </cc1:TabPanel>
            <cc1:TabPanel ID="TabPanel2" runat="server" Visible="false" HeaderText="Hình ảnh sản phẩm">
                <ContentTemplate>
                    <div class="fb-comments" id="fbcm" runat="server" data-num-posts="10" data-width="700">
                    </div>
                </ContentTemplate>
            </cc1:TabPanel>
            <cc1:TabPanel ID="TabPanel3" runat="server" HeaderText="Bảo hành" Visible="false">
                <ContentTemplate>
                    <asp:Label runat="server" ID="lblBaoHanh" Text=""></asp:Label>
                </ContentTemplate>
            </cc1:TabPanel>
            <cc1:TabPanel ID="TabPanel4" runat="server" HeaderText="Liên hệ đặt hàng">
                <ContentTemplate>
                    <asp:Literal runat="server" ID="ltrFooter"></asp:Literal>
                </ContentTemplate>
            </cc1:TabPanel>
        </cc1:TabContainer>
        <br />
    </div>
    <div class="list-product-wrap">
        <h2 class="h2-info">
            Quý Khách hàng cũng có thể chọn mua sản phẩm tương tự dưới đây:</h2>
        <div class="product-wrap">
            <ul class="list-product">
                <asp:Repeater runat="server" ID="rpt">
                    <ItemTemplate>
                        <li>
                            <div class="product-image-wrap">
                                <a href='/SanPhamChiTiet/<%#Eval("SanPhamID")%>/<%#FriendlyUrl(Eval("TenSanPham").ToString())%>'>
                                    <img src='/Media/<%#Eval("HinhAnh")%>' title='<%#Eval("TenSanPham")%>' alt='<%#Eval("TenSanPham") %>' />
                                </a>
                            </div>
                            <a href='/SanPhamChiTiet/<%#Eval("SanPhamID")%>/<%#FriendlyUrl(Eval("TenSanPham").ToString())%>'>
                                <h2 class="product-title">
                                    <%#Eval("TenSanPham")%></h2>
                            </a></li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
    </div>
    <div style="width: 100%; float: left; margin-top: 10px;">
        <div style="float: left;">
            <asp:ImageButton ID="cmdPrev" Visible="false" OnClick="cmdPrev_Click" runat="server"
                ImageUrl="~/images/prevpage.png" /></div>
        <div style="float: right;">
            <asp:ImageButton ID="cmdNext" Visible="false" OnClick="cmdNext_Click" runat="server"
                ImageUrl="~/images/nextpage.png" /></div>
    </div>
</asp:Content>
